// Describes base page layout

/* @section wrapper */
#wiki-wrapper {
  margin: 0 auto;
  overflow: visible;
  width: 100%;

  @include desktop-breakpoint {
    @include desktop-page-layout;
  }
}

/* @section content */
#wiki-content {
  height: 1%;
  overflow: visible;

  .wrap {
    height: 1%;
    overflow: auto;
  }
  
  &.uploading {
    opacity: 0.5;
  }
  
  p, li {
    code {
      white-space:pre-wrap;
      word-wrap:break-word;
    }
  }
  
}

/* @section body */
#wiki-body {
  display: block;
  width: 100%;
  margin-right: 3%;

  @include largemobile-breakpoint {
    float: left;
    clear: left;

    .has-sidebar & {
      width: $layout-with-sidebar - $layout-with-sidebar-leeway;
    }

    .has-leftbar & {
      float: right;
      clear: right;
    }
  }
}

/* @section sidebar */
#wiki-sidebar {
  @include largemobile-breakpoint {
    width: $layout-sidebar;
    
    .has-leftbar & {
      float: left;
    }

    .has-rightbar & {
      float: right;
    }
  }
}

/* @section footer */

#wiki-footer {
  clear: both;

  @include largemobile-breakpoint {
    .has-sidebar & {
      width: $layout-with-sidebar;
    }
  }
}
